<template>
    <div class="index">
        <el-container>
            <el-aside width="200px">
                <Asider></Asider>
            </el-aside>
            <el-container>
                <el-header>
                    <Header></Header>
                </el-header>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
    import Header from '../components/Herder'
    import Asider from '../components/Aside'
    export default {
        name: "Registration",
        components:{
            Header,
            Asider
        },
    }
</script>

<style scoped lang="less">
    .index{
        min-width:1920px ;
    }

    .el-header, .el-footer {
        background-color: #B3C0D1;
        color: #333;
        text-align: center;

    }

    .el-aside {
        /*background-color: #D3DCE6;*/
        width: 200px;
        height: 970px;
        background: #ffffff;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
        color: #333;
        text-align: center;
    }

    .el-main {
        background-color: #E9EEF3;
        color: #333;
        text-align: center;
    }


</style>
